const NavUtils = {
    render() {
        window.addEventListener('load', this.run.bind(this));

        //hashchange是用来监听地址栏变化的
        window.addEventListener('hashchange', this.run.bind(this));
    },
    run() {
        this.setNav();
        this.setTitle();
    },


    //用来处理我们路由切换的头部
    setTitle() {
        const hash = location.hash.slice(1); //#/index
        console.log(hash);
        let navnews = {
            '/index': ['主页', '欢迎━(*｀∀´*)ノ亻!'],
            '/position': ['职位管理', '职位详情'],
            '/position_add': ['发布职位', '职位信息']
        };

        //DOM操作
        const $h1 = $('section.content-header h1');
        $h1.find('span').html(navnews[hash][0]);
        $h1.find('small').html(navnews[hash][1]);
        $('#jfh-home-title').html(navnews[hash][0]);
        $('#jfh-home-title2').html(navnews[hash][1]);
    },

    //解决导航高亮问题
    setNav() {
        const hash = location.hash.slice(1);
        const $a = $(`ul.sidebar-menu a[href='#${hash}']`);
        $a.parent().addClass('active').siblings().removeClass('active');
    }

};

module.exports = NavUtils;